
//layout
body,html {
    min-width : 1366px;
}

.header{ 
    position: relative;
    width : 1060 / 1920 * 100%;
    height: 90px;
    margin: 0 auto;
    background: url('../assets/img/header-bg.png') center 0px no-repeat;
    background-size: 100% 100%;
    h1 {
      font-size: 36px;
      color: #49d9fe;
      font-weight: 600;
      line-height:104px;
      text-align: center;
      margin-top: -10px;
    }
}

.container{
    position: relative;
    width: 1890 / 1920 * 100%;
    min-width: $min-width;
    height: 940 / 1080 * $height;
    margin: 0 auto;
    margin-top: 10px;
    .left,.center,.right{
        height: 100%;
        &>div{
            background-color: gray;
            width: 100%;
        }
    }
    .left,.right{
        width: 452 / 1920 * 100%; 
    }
    .center{
        width: 985 / 1920 * 100%;
    }
}


.left{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -32 / 1080 * $height;
    .crime,.case,.related{
        height: 295 / 950 * 100%;
        margin: 0 auto;
        margin-top: 32 / 1080 * $height;
    }
}

.center{
    margin: 0 auto;
    .personnel{
        height: 100%;
        margin: 0 auto;
    }
}

.right{
    position: absolute;
    top: 0;
    right: 0;
    .drug{
        height: 100%;
        margin: 0 auto;
    }
}

